<div id="breadcrumb">
  <a href="/">inicio</a> <%= link_to "regístrate", signup_url %>
</div>



<div class="clearfix">
  
  <div class="whitebox col1_2">
    <div class="cont clearfix">
      <h2 class="h2_ya_tienes_cuenta mir">¿Ya tienes cuenta?</h2>
      <%= render :partial => 'sessions/login_form'%>
    </div><!-- .cont -->
  </div><!-- .whitebox col1_2 -->

  <div class="whitebox col2_2">
    <div class="cont clearfix">
      <h2 class="h2_crea mir">Crea tu cuenta</h2>

      <%= error_messages_for :user %>
    
      <% form_for :user, :url => users_path, :html => { :multipart => true} do |f| -%>
      <fieldset>
        <p>
        <div class="greendialog_white">
          <div class="cont">
            Vamos, si son sólo unos datitos de nada. Rellénalos y podrás crear tus propios eventos.
            ¿Tal vez quedar a cenar en ese sitio tan mono?

          </div>
        </div>
        </p>
        
        <p class="clearfix stub"><label for="login">Nick / apodo <span class="required">*</span></label><br/>
        <%= f.text_field(:login, :class => 'textfield') %>
        <span id="login_availability"></span>
        </p>
        <%= observe_field("user_login", 
                :frequency => 3, 
                :update => "login_availability",
                :url => {:controller => 'users', :action => 'availability'},
                :with => "'user_login=' + encodeURIComponent(value)") %>
        <script type="text/javascript" charset="utf-8">
          var user_login = new LiveValidation('user_login', {onlyOnSubmit: true, validMessage: " " });
          user_login.add( Validate.Presence, {failureMessage: "No puede estar vacío"} )
          user_login.add( Validate.Length, { minimum: 3, tooShortMessage: "Debe de teber al menos 3 caracteres"} );
        </script>

        <p class="clearfix stub"><label for="name">Nombre</label><br/>
        <%= f.text_field(:name, :class => 'textfield') %></p>

        <div class="separata"></div>


        <p class="clearfix stub"><label for="name">Apellidos</label><br/>
        <%= f.text_field(:surname, :class => 'textfield') %></p>


        <p class="clearfix stub"><label for="birthdate">Naciste el...</label><br/>
        <%= f.date_select(:birthdate, :start_year => 1900, :order => [:day, :month, :year], :class => 'textfield') %></p>
        
        <div class="separata"></div>
        
        <p class="clearfix stub"><label for="password">Password <span class="required">*</span></label><br/>
        <%= f.password_field(:password, :class => 'textfield') %></p>
        <script type="text/javascript" charset="utf-8">
          var user_password = new LiveValidation('user_password', {onlyOnSubmit: true, validMessage: " " });
          user_password.add( Validate.Length, { minimum: 4, tooShortMessage: "Debe de teber al menos 4 caracteres"} );
          user_password.add( Validate.Presence, {failureMessage: "No puede estar vacío"} )
        </script>
        
        <p class="clearfix stub"><label for="password_confirmation">Confirma tu Password <span class="required">*</span></label><br/>
        <%= f.password_field(:password_confirmation, :class => 'textfield') %></p>
        
        <script type="text/javascript" charset="utf-8">
          var user_password_confirmation = new LiveValidation('user_password_confirmation', {onlyOnSubmit: true, validMessage: " " });
          user_password_confirmation.add( Validate.Presence, {failureMessage: "No puede estar vacío"} )
        </script>
      </fieldset>
      <fieldset>
        <p>
        <div class="greendialog_white">
          <div class="cont">
            Deja que te veamos la cara. Sube tu propio avatar y así conseguirás distinguirte entre la multitud de un sólo vistazo.
          </div>
        </div>
        </p>
        <p>
          <%= file_field :avatar, :file %><br/>
          Selecciona una imagen de tu disco duro (de 48x48 al menos).
        </p>
      </fieldset>
      <fieldset>
        <p>
        <div class="greendialog_white">
          <div class="cont">
            Esta información será 100% privada, no la compartiremos con nadie. Sólo la utilizaremos para enviarte notificaciones. En este móvil se cargaran los SMS que envíes como notificaciones a tus amigos. Podrás controlar y limitar el consumo.	

          </div>
        </div>
        </p>

        <p class="clearfix stub"><label for="email">Email <span class="required">*</span></label><br/>
        <%= f.text_field(:email, :class => 'textfield') %></p>
        <script type="text/javascript" charset="utf-8">
          var useremail = new LiveValidation('user_email', {onlyOnSubmit: true, validMessage: " " });
          useremail.add( Validate.Presence, {failureMessage: "No puede estar vacío"} );
          useremail.add( Validate.Email, { failureMessage: "Necesitamos que tu email sea válido" } );
        </script>

        <p class="clearfix stub"><label for="mobile">Teléfono móvil <span class="required">*</span></label><br/>
        <%= f.text_field(:mobile, :class => 'textfield') %></p>
        <script type="text/javascript" charset="utf-8">
          var user_mobile = new LiveValidation('user_mobile', {onlyOnSubmit: true, validMessage: " " });
          user_mobile.add( Validate.Presence, {failureMessage: "No puede estar vacío"} );
          user_mobile.add( Validate.Numericality, {notANumberMessage: "Tu teléfono móvil tiene que ser un número"} );
          user_mobile.add( Validate.Length, { is: 9, wrongLengthMessage: "Debe de teber 9 caracteres"} );
        </script>
        
      </fieldset>
      <fieldset>
        <p>
        <div class="greendialog_white">
          <div class="cont">
            Dinos dónde vives. Esta información será 100% privada, solo la utilizaremos para mostrarte las indicaciones de cómo llegar de tu casa a los sitios.

          </div>
        </div>
        </p>
        <p class="clearfix stub"><label for="address">Dirección</label><br/>
        <%= f.text_field(:address, :class => 'textfield') %></p>

        <p class="clearfix stub"><label for="postal_code">Código Postal <span class="required">*</span></label><br/>
        <%= f.text_field(:postal_code, {:class => 'textfield', :maxlength => 5}) %></p>
        <script type="text/javascript" charset="utf-8">
          var user_postal_code = new LiveValidation('user_postal_code', {onlyOnSubmit: true, validMessage: " " });
          user_postal_code.add( Validate.Presence, {failureMessage: "No puede estar vacío"} );
          user_postal_code.add( Validate.Numericality, {notANumberMessage: "Tu código postal tiene que ser un número"} );
          user_postal_code.add( Validate.Length, { is: 5, wrongLengthMessage: "Debe de teber 5 caracteres"} );
        </script>
        
        <div class="separata"></div>

        <p class="clearfix stub"><label for="city">Ciudad</label><br/>
        <%= f.text_field(:city, :class => 'textfield') %></p>

      </fieldset>
      
      <p class="right"><%= submit_tag 'Regístrate', :class => "yellowbutton" %></p>
      
      <% end -%>
    
      <p class="note"><span class="required">*</span> indica los campos obligatorios</p>

    
    </div><!-- .cont -->
  </div><!-- .whitebox col2_2 -->

</div><!-- .clearfix -->
